<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>首页-共享平台</title>
<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta content="telephone=no" name="format-detection">
<link href="/carworld_weixin/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="/carworld_weixin/css/index-style.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="/carworld_weixin/js/jquery.min.js"></script>
<script type="text/javascript" src="/carworld_weixin/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/carworld_weixin/js/slider.js"></script>
<script type="text/javascript" src="/carworld_weixin/js/touchSlider.js"></script>

<style type="text/css">
.tb960x90 {
	display: none !important;
	display: none
}
</style>
</head>
<body>
	<section class="aui-flexView">
		<section class="aui-scrollView">
			<div class="aui-header-auto">
				<div class="aui-header-address">
					<span>
						<i class="icon icon-address"></i>
						上海
					</span>
				</div>
				<div class="aui-header-text">
					<h1>
						2,365,079,488
						<em>次用户的选择</em>
					</h1>
				</div>
			</div>
			<div class="aui-search-content">
				<div class="aui-search-box">
					<button type="button" class="btn btn-primary btn-lg btn-block" data-toggle="modal" data-target="#fill_in_tableNum">一键点菜</button>
				</div>
			</div>

			<div class="m-slider m-slider-bos" data-ydui-slider="">
				<div class="slider-wrapper" style="transform: translate3d(-1686px, 0px, 0px); transition-duration: 500ms;">
					<div class="slider-item" style="width: 1686px;">
						<div class="aui-palace aui-palace-four clearfix">
							<a href="http://www.ntwk97.com/superVegan" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/guanwang.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>官网</h2>
								</div>
							</a>
							<a href="/carworld_weixin/pages/page_reservation.html" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/yuyue.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>在线预约</h2>
								</div>
							</a>
							<a href="/carworld_weixin/pages/page_myVipCard.html" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/huiyuanka.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>我的会员卡</h2>
								</div>
							</a>
							<a href="/carworld_weixin/pages/page_paidOrderList.html" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/record.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>消费记录</h2>
								</div>
							</a>
							<a href="/carworld_weixin/pages/page_myOrder.html" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/jiesuan.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>快速结算</h2>
								</div>
							</a>
							<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=MzA3NzAxMjM0NQ==&scene=124#wechat_redirect" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/zixun.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>最新资讯</h2>
								</div>
							</a>
							<a href="/carworld_weixin/pages/page_wifi.html" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/wifi.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>一键WiFi</h2>
								</div>
							</a>
							<a href="/carworld_weixin/pages/page_advice.html" class="aui-palace-grid">
								<div class="aui-palace-grid-icon">
									<img src="/carworld_weixin/images/icon-png/icon-item-008.png" alt="">
								</div>
								<div class="aui-palace-grid-text">
									<h2>意见反馈</h2>
								</div>
							</a>
						</div>
					</div>

				</div>

			</div>

			<div class="img_gallery" id="commodity">
				<div class="main_img">
					<ul style="width: 330px; overflow: visible;">
						<li style="float: none; display: block; position: absolute; top: 0px; left: 0px; width: 330px;">
							<img src="/carworld_weixin/images/food1.jpg" alt="">
						</li>
						<li style="float: none; display: block; position: absolute; top: 0px; left: 330px; width: 330px;">
							<img src="/carworld_weixin/images/food2.jpg" alt="">
						</li>
						<li style="float: none; display: block; position: absolute; top: 0px; left: 660px; width: 330px;">
							<img src="/carworld_weixin/images/food3.jpg" alt="">
						</li>
						<li style="float: none; display: block; position: absolute; top: 0px; left: 990px; width: 330px;">
							<img src="/carworld_weixin/images/food4.jpg" alt="">
						</li>
						<li style="float: none; display: block; position: absolute; top: 0px; left: 1320px; width: 330px;">
							<img src="/carworld_weixin/images/food5.jpg" alt="">
						</li>
						<li style="float: none; display: block; position: absolute; top: 0px; left: 1650px; width: 330px;">
							<img src="/carworld_weixin/images/food6.jpg" alt="">
						</li>

					</ul>
				</div>
				<div class="img_font">
					<span style="display: inline;">1/6</span>
					<span style="display: none;">2/6</span>
					<span style="display: none;">3/6</span>
					<span style="display: none;">4/6</span>
					<span style="display: none;">5/6</span>
					<span style="display: none;">6/6</span>
				</div>
			</div>

			<div class="aui-flex aui-hot-news">
				<div class="aui-hot-news-title">
					<img src="/carworld_weixin/images/hot-title.png" alt="">
				</div>
				<div class="aui-flex-box">
					<div class="aui-flex-info-box">
						<div class="t_news">
							<ul class="news_li" style="top: -95px;">
								<li>
									<a href="JavaScript:;">上海这家素食餐厅，就这样低调低调...</a>
								</li>
								<li>
									<a href="JavaScript:;">素食生活，你准备好了...</a>
								</li>
								<li>
									<a href="JavaScript:;">杭州这家最棒的素食餐厅，素食做得比肉更诱人..</a>
								</li>
								<li>
									<a href="JavaScript:;">素食养生餐厅，温婉而有内涵...</a>
								</li>
								<li>
									<a href="JavaScript:;">非常素是一家台湾纯净素食餐厅...</a>
								</li>
								<li>
									<a href="JavaScript:;">非常素是一家台湾纯净素食餐厅...</a>
								</li>
							</ul>
							<ul class="swap" style="top: 19px;">
								<li>
									<a href="JavaScript:;">上海这家素食餐厅，就这样低调低调...</a>
								</li>
								<li>
									<a href="JavaScript:;">素食生活，你准备好了...</a>
								</li>
								<li>
									<a href="JavaScript:;">杭州这家最棒的素食餐厅，素食做得比肉更诱人..</a>
								</li>
								<li>
									<a href="JavaScript:;">素食养生餐厅，温婉而有内涵...</a>
								</li>
								<li>
										<a href="JavaScript:;">非常素是一家台湾纯净素食餐厅...</a>
								</li>
								<li>
										<a href="JavaScript:;">非常素是一家台湾纯净素食餐厅...</a>
								</li>
							</ul>
						</div>
					</div>

				</div>
			</div>

			<!-- 	<div class="aui-car-content">
				<div class="aui-flex">
					<div class="aui-flex-box">
						<h2>
							诚信联盟
							<em>●精选车源</em>
						</h2>
					</div>
					<div class="aui-arrow-more">更多</div>
				</div>

				<div class="aui-slide-list">
					<ul class="aui-slide-item-list">
						<li class="aui-slide-item-item">
							<a href="javascript:;" class="aui-link">
								<img src="/carworld_weixin/images/car-img-001.png" alt="">
							</a>
							<div class="aui-good-content">
								<h3>宝马5系 2011款</h3>
								<p>28.5万</p>
								<span>7天无理由退款</span>
							</div>
						</li>
						<li class="aui-slide-item-item">
							<a href="javascript:;" class="aui-link">
								<img src="/carworld_weixin/images/car-img-002.png" alt="">
							</a>
							<div class="aui-good-content">
								<h3>丰田卡罗拉</h3>
								<p>9.5万</p>
								<span>7天无理由退款</span>
							</div>
						</li>
						<li class="aui-slide-item-item">
							<a href="javascript:;" class="aui-link">
								<img src="/carworld_weixin/images/car-img-003.png" alt="">
							</a>
							<div class="aui-good-content">
								<h3>丰田雅力士</h3>
								<p>4.5万</p>
								<span>7天无理由退款</span>
							</div>
						</li>

					</ul>
				</div>


				<div class="aui-flex">
					<div class="aui-flex-box">
						<h2>为你推荐</h2>
					</div>
					<div class="aui-arrow-more">更多</div>
				</div>

				<div>
					<div class="aui-flex">
						<div class="aui-flex-spot-img">
							<img src="/carworld_weixin/images/car-img-001.png" alt="">
						</div>
						<div class="aui-flex-box">
							<h2>丰田大黄蜂汽车 2108款最新款汽车 中规版</h2>
							<p>北京 15万公里 2202年 商家</p>
							<span>12.98万</span>
						</div>
					</div>
					<div class="aui-flex">
						<div class="aui-flex-spot-img">
							<img src="/carworld_weixin/images/car-img-002.png" alt="">
						</div>
						<div class="aui-flex-box">
							<h2>丰田卡罗拉2012款最新版的 黑色最新版的中规版</h2>
							<p>北京 15万公里 2202年 商家</p>
							<span>12.98万</span>
						</div>
					</div>
					<div class="aui-flex">
						<div class="aui-flex-spot-img">
							<img src="/carworld_weixin/images/car-img-003.png" alt="">
						</div>
						<div class="aui-flex-box">
							<h2>丰田汽车雅力士 最新版的红色新款新版的红色新款的的</h2>
							<p>北京 15万公里 2202年 商家</p>
							<span>12.98万</span>
						</div>
					</div>
				</div>
			</div>
			 -->

		</section>

		<footer class="aui-footer aui-footer-fixed">
			<a href="/carworld_weixin/" class="aui-tabBar-item">
				<span class="aui-tabBar-item-icon">
					<i class="glyphicon glyphicon-home"></i>
				</span>
				<span class="aui-tabBar-item-text">首页</span>
			</a>
			<a href="/carworld_weixin/pages/page_userCard/myVipCard.html" class="aui-tabBar-item ">
				<span class="aui-tabBar-item-icon">
					<i class="glyphicon glyphicon-heart"></i>
				</span>
				<span class="aui-tabBar-item-text">会员卡</span>
			</a>

			<a href="/carworld_weixin/pages/page_myOrder.html" class="aui-tabBar-item ">
				<span class="aui-tabBar-item-icon">
					<i class="glyphicon glyphicon-tasks"></i>
				</span>
				<span class="aui-tabBar-item-text">订单</span>
			</a>
			<a href="/carworld_weixin/user/userPage" class="aui-tabBar-item">
				<span class="aui-tabBar-item-icon">
					<i class="glyphicon glyphicon-user"></i>
				</span>
				<span class="aui-tabBar-item-text">我的 </span>
			</a>
		</footer>
	</section>

	<!-- 弹出邀请码模态框 -->
	<div class="modal fade" id="fill_in_tableNum" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
					<h4 class="modal-title" id="myModalLabel">请输入您的餐桌号</h4>
				</div>
				<div class="modal-body">
					<div class="form-group">
						<label for="name">餐桌号：</label>
						<input id="table_num" type="text" class="form-control" id="userName" placeholder="示例：A035">
					</div>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
					<button type="button" class="btn btn-primary" id="validateBtn">提交</button>
				</div>
			</div>
			<!-- /.modal-content -->
		</div>
		<!-- /.modal -->
	</div>


	<script type="text/javascript">
	//用户补充会员信息
	$('#validateBtn').click(function() {
		var table_num = $('#table_num').val();
		if (table_num == null) {
			alert('亲爱的，填上餐桌号就能点菜了哟!');
			return;
		}
		//保留餐桌号码
		$.ajax({
			type : 'POST',
			url : '/carworld_weixin/menu/getMealsList',
			data : {
				'tableNum' : table_num
			},
			success : function(result) {
				window.location.href = '/carworld_weixin/pages/page_orderDishes/menu.html';
			},
			error : function(jqXHR, textStatus, errorThrown) {
				alert(textStatus);
			}
		}); 
    </script>
    
	<script type="text/javascript">
	 $(document).ready(function() {
         $(".main_img").touchSlider({
             flexible: true,
             speed: 200,
             btn_prev: $("#btn_prev"),
             btn_next: $("#btn_next"),
             paging: $(".point a"),
             counter: function(e) {
                 $(".point a").removeClass("on").eq(e.current - 1).addClass("on");
                 $(".img_font span").hide().eq(e.current - 1).show();
             }
         });

     });
            function b() {
                t = parseInt(x.css('top'));
                y.css('top', '19px');
                x.animate({
                    top: t - 19 + 'px'
                }, 'slow');
                if (Math.abs(t) == h - 19) {
                    y.animate({
                        top: '0px'
                    }, 'slow');
                    z = x;
                    x = y;
                    y = z;
                }
                setTimeout(b, 2100);
            }
            $(document).ready(function() {
                $('.swap').html($('.news_li').html());
                x = $('.news_li');
                y = $('.swap');
                h = $('.news_li li').length * 19;
                setTimeout(b, 5000);
            })

        </script>

</body>
</html>